<template>
    <BaseEcharts :chatsOption="chatsOption"></BaseEcharts>
</template>

<script>
    import BaseEcharts from "../../../components/common/Cahrts/coreEcharts"

    import lineBaseConfig from "../../../echartsBaseConfig/line"


    export default {
        components: {
            BaseEcharts
        },
        props: {
            chatsOption: {
                type: Object,
                default() {
                    return {

                        ...lineBaseConfig,

                        xAxis: [
                            {
                                type: 'category',
                                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                                axisPointer: {
                                    type: 'shadow'
                                },
                                axisLabel: {
                                    fontSize:40,
                                    color:"#fff",
                                }
                            }
                        ],
                        yAxis: [
                            {
                                type: 'value',
                                name: '水量',
                                // min: 0,
                                // max: 250,
                                // interval: 50,
                                nameTextStyle:{
                                    color:"#ffff",
                                    fontSize:40,
                                    align:"left",
                                },
                                splitLine:{
                                    show:false,
                                },
                                axisLabel: {
                                    formatter: '{value}ml',
                                    fontSize:40,
                                    color:"#fff",
                                }
                            },
                            {
                                type: 'value',
                                name: '温度',
                                // min: 0,
                                // max: 25,
                                // interval: 5,
                                nameTextStyle:{
                                    color:"#ffff",
                                    fontSize:40,
                                    align:"right",
                                },
                                splitLine:{
                                    show:false,
                                },
                                axisLabel: {
                                    formatter: '{value} °C',
                                    fontSize:40,
                                    color:"#fff",
                                }
                            }
                        ],
                        series: [
                            {
                                name: '蒸发量',
                                type: 'bar',
                                itemStyle:{
                                    color:"#264FA5",
                                },
                                data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
                            },

                            {
                                name: '平均温度',
                                type: 'line',
                                yAxisIndex: 1,
                                itemStyle:{
                                    color:"#04DCA5",
                                },
                                data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
                            }
                        ]

                    }
                }
            }
        }

    }
</script>
